<template>
	<el-dialog :visible.sync="dialogVisible">
		<el-carousel height="600px">
			<el-carousel-item v-for="(img,index) in imagePaths" :key="index" >
				<img v-bind:src="img.url" style="width: 920px;height: 600px;">
			</el-carousel-item>
		</el-carousel>
	</el-dialog>
</template>
<script>
	export default {
		props: ['imagePaths'],
		created() {
			//console.log(this.imagePaths)
			//this.imagePaths=imagePaths;
		},
		mounted() {

		},
		watch: {
			dialogVisible(val) {
				this.$emit('update:showDialog', val)
			}
		},
		data() {
			return {
				//imagePaths:[],
				dialogVisible: true, //弹出框隐藏显示
			}
		},
		methods: {

		},
		components: {

		}
	}
</script>
<style lang="less">
	.streetAdd .el-form-item__error {
		top: 35px;
		left: 100px;
	}
	
	.streetAdd .el-form-item {
		min-height: 50px;
		margin-bottom: 5px;
	}
</style>
<style scoped lang="less">
	.zui-noFloat .el-col {
		float: none;
		display: inline-block;
		margin-right: -4px;
		vertical-align: top;
	}
	
	.projectDialog .desc-input {
		width: 70%;
		float: left;
	}
	.el-carousel__container{
		height: 600px !important;
	}
	.el-dialog--small{
		min-height: 600px !important;
		min-width: 920px !important;
	}
</style>